html, body {color: #666;font: 14px Arial,"微软雅黑"; background: #fff;}


a:hover{text-decoration: none; }
a:hover, a:focus {
    color: #305dc3;
}

.thumbnail{border-radius: 0; border: none;}
.thumbnail img{width: 100%;}
hr.dotted {border-style: dashed;}
.navbar-brand{padding:0}
.bd10{width:auto; height:10px; visibility:visible; clear: both; }
.bd20{width:auto; height:20px; visibility:visible; clear: both; }
.modal-backdrop{ z-index:1000}
.modal-dialog{ margin-top:200px}
.modal-content{border-radius:0}
.modal-header{ border:none; padding:0}
.modal-header .close {
    
    margin-top: -2px;
    position: absolute;
    right: -21px;
	opacity:1
}
.modal-header .close span{color: #fff;}
.headerfix{height:80px}
.navbar-static-top{background:#fff;margin-bottom:0;min-height:80px;border:none; position:fixed;width:100%; }

.navbar-brand, .navbar-nav > li > a {    color: #4b4b4b;    font-weight: normal;	font-size: 17px;}
.nav > li > a:hover, .nav > li > a:focus, .nav > li.active a{    background-color: #305dc3;	color:#fff}

.pagination{width: 100%; height: 60px;}
.pagination > li > a, .pagination > li > span{ float: none;padding: 11px 16px; margin: 0; color: #a9a9a9;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #305dc3; border-color: #305dc3;}
.pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0 ;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ color:#305dc3 ;}

/*
 .navbar-nav > li.home-active > a { 
    padding-left: 30px; 
     padding-right: 30px; 
 } 
 */

.btn-more{ 
	background: #fff;
    border: 0 solid #ddd;
    border-radius: 0;
    box-shadow: 0 2px 12px #e2e2e2;
    color: #aba8a8;
    display: block;
    font-size: 14px;
    height: 37px;
    line-height: 27px;
    margin: 40px auto 50px;
    text-indent: 9px;
    transition: all 0.3s ease-out 0s;
    width: 150px;
    text-transform:uppercase;
	position:relative;
	  text-align: left;
    text-indent: 27px;
    }
	
.btn-more .icon-view{ background: #222;
    color: #fff;
    font-size: 24px;
    height: 37px;
    line-height: 24px;
	transition: all 0.3s ease-out 0s;
    padding: 9px 0 0 9px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    vertical-align: middle;
    width: 40px; text-indent: 0px;}
.btn-more:hover .icon-view{background:#305dc3}
	
.breadcrumb-container { background: #f5f5f5;}
.breadcrumb-container .breadcrumb{ margin:10px 0;} 

hr.line {}

.bannar {min-height: 270px;	background: #CCCCCC;	text-align: center;}
.bannar .slide-body{ position: absolute;}
.index .slide-body{ left:0;right:0; width:100%; top:30px}
.bannar img.bg{}

.header{
	padding: 90px 0 60px 0;
}

.title {
	font-size: 15px;
	padding: 0px 0 0px;
	color: #444;
}

.en-title {
	display: block;
	width: 478px;
	color: rgba(191, 191, 191, 0.91);
	font-size: 14px;
	margin: 0 auto;
	border-bottom: 1px #ececec solid;
	padding-bottom: 10px;
	margin: 0 auto;
	text-transform:uppercase
}

.en-title:after {
	content:"";
	background-color: rgba(44, 102, 204, 0.82);
	width: 23px;
	height: 9px;
	display: block;
	border-left: 7px #F7F7F7 solid;
	border-right: 7px #F7F7F7 solid;
	position: relative;
	top: 15px;
	left: 228px;
}
.no-after{border: none;}
.no-after:after{display: none;}

.icon{width: 32px; height: 32px; font-size:32px; line-height:1}


.category{margin-bottom: 40px;}
.category a{padding: 8px 32px;background: #fff;color: #a9a9a9;border: 1px #d2d2d2 solid;border-radius: 0;margin:0 8px;display: inline-block;transition: all 0.2s ease-in 0s;}
.category a.active,.category a:hover{border: #305dc3 1px solid;color: #fff;background: #305dc3;}
.category-tab li.on a, .category-tab li.on a:hover{border: #305dc3 1px solid;color: #fff;background: #305dc3;}

.support-category a{width: 23%; height: 134px; line-height: 130px; font-size: 22px; background: #f7f7f7; border-color:#f7f7f7;}
.support-category a.active{background: #fff; color: #1366b6; border-color:#fff ; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.support-category .icon{ vertical-align:middle}

.solution{ background: #f7f7f7;}
.solution .thumbnail {overflow: hidden;}
.solution .thumbnail .caption{ border: 1px solid #ddd; margin: 14px; padding: 0;transition: all 0.2s ease-in 0s;}
.solution .thumbnail .caption h3 a{font-size: 18px; color: #444;}
.solution .thumbnail .caption hr{width: 60px; margin: 5px auto;}
.solution .thumbnail:hover .caption{border-color:#305dc3 }
.solution .thumbnail small{overflow:hidden;text-transform: inherit; font-size:10px; -webkit-text-size-adjust:none; -moz-text-transform:inherit;}
.cases .thumbnail .caption h3{ margin-top: 0;color: #666; font-size: 16px;}
.cases .thumbnail .caption p{color: #999;}
.cases .thumbnail .caption h4{white-space:nowrap; overflow:hidden}
.abouts{background: #061438; padding-top: 100px;}
.abouts .container{background: #305dc3; color: #fff;}



.service{position:relative; overflow:hidden}
.service ul li{ margin-bottom:20px;}
.service ul li img{padding:15px;}
.service ul li:hover{box-shadow: 0 14px 40px rgb(219, 219, 219);}
.slider-video{width:100%; height:height:100%; z-index:-1; position:absolute; bottom:-175px; left:0;opacity: 0.2}


.new .media{background: #f7f7f7; margin-bottom: 20px; padding:35px 20px;transition: all 0.1s ease-out 0s; overflow:hidden}
.new .media:hover{ background:#fff; box-shadow: 0 7px 17px #dedede}
.new .media .media-left img{width: 150px; height: 90px;}
.new .media .media-body{   color: #afafaf;       height: 47px;    line-height: 22px;}
.new .media .media-heading{ color: #3c3c3e;    font-size: 16px;    overflow: hidden;text-overflow: ellipsis;       white-space: nowrap;   }



.footer{background: #f3f3f3; padding: 80px 0 60px; line-height: 2;}
.footer h3{margin-top: 0; color: #333;}
.footer h4{color: #666;}
.footer .icon{width: 32px;display: inline-block;}
.sub-cat{ margin-bottom: 40px;}
.new-media-list .media{ border-bottom: 1px solid #eaeaea; margin-bottom: 40px;transition: all 0.3s ease-out 0s;}
.new-media-list .media:hover,.qa-media-list .media:hover{box-shadow:0 7px 17px #dedede}
.new-media-list .media a{display: block;}
.new-media-list .media-body{ color: #999; position: relative; padding-top: 50px; }
.new-media-list .media-body .date{ position: absolute; left: 55px; height: 85px;  border-right: 1px solid #eaeaea; padding-right: 30px; font-family: "HELVETICANEUELTPRO-THEX"; }
.new-media-list .media-body .date big{display: block; font-size: 28px; font-weight: 100;}
.new-media-list .media-heading{font-size: 16px; color: #333;padding-left:180px; margin-bottom: 15px;}
.new-media-list .media-body p{padding-left:180px;padding-right:100px;}
.new-media-list .media-body p .icon-view,.qa-media-list .media-body p .icon-view  { position:absolute;right:25px; opacity:0; bottom:-200px;transition: all 0.3s ease-out 0s;}
.new-media-list .media-body:hover .icon-view, .qa-media-list .media-body:hover .icon-view{ position:absolute;right:25px; opacity:1; bottom:75px;}


.qa-media-list .media{ border-bottom: 1px solid #eaeaea; margin-bottom: 40px;transition: all 0.3s ease-out 0s;}
.qa-media-list .media a{display: block;}
.qa-media-list .media-body{ color: #999; position: relative; padding-top: 50px; }
.qa-media-list .media-heading{font-size: 16px; color: #333;padding-left:50px; margin-bottom: 15px;}
.qa-media-list .media-body p{padding-left:50px;padding-right:100px;}


.swiper-bg{height:550px; width:100%;}

.page-container .content img{width: 100%;}
.blueview-nav{box-shadow: 0 1px 0px rgba(0,0,0,0.05);}


.case-container .thumbnail > a {
    display: block;
    height: 200px;
    overflow: hidden;
}

.about-container,.course-container,.products-container{padding-top:40px; padding-bottom:40px;}


.honor{height: auto;}
.honor .header{ padding-bottom: 0;}
.honor .container{position:relative}
.honor .container .swiper-button-prev{ left: -30px;}
.honor .container .swiper-button-next{ right: -30px;}
.honor .swiper-container {width: auto;height:auto; margin:50px 0} 
.honor .swiper-container .swiper-wrapper{ margin-left: 0;}
.honor .swiper-container .swiper-slide img{ vertical-align:middle;}

.category-vertical li{margin: 0; width: 100%; border:1px solid #ddd; margin-top: -1px; height: auto;z-index:10; position:relative} 
.category-vertical li.active{border-color:#95aff7; z-index:99}
.category-vertical li a{border:none; border-bottom:1px solid #f2f2f2; padding:10px 0; display:block; color:#767676;margin: 0;}
.category-vertical li a:hover,.category-vertical li a.active{  background:#fff; color:#305dc3 ; border:none;  border-bottom:1px solid #f2f2f2}
.category-vertical li a:last-child{border:none}
.category-vertical li a big{display:block}
.category-vertical li a small{ border-top:1px solid #ddd; color:#e2e2e2}


.cases .caption .icon-view,.case-container .caption .icon-view, .products-container .caption .icon-view{bottom: 0px;    position: absolute;    right: 25px;	color:#ddd;	opacity:0;	transition: all 0.4s ease-out 0s;}
.cases .thumbnail:hover .caption{background: #0348a3;transition: all 0.2s ease-in 0s;}
.cases .thumbnail:hover .caption a{color: #FFFFFF;}
.cases .thumbnail:hover .caption a p{color: #FFFFFF;}
.thumbnail,.case-container .thumbnail,.products-container .thumbnail{transition: all 0.4s ease-out 0s;}
.thumbnail:hover,.case-container .thumbnail:hover,.products-container .thumbnail:hover {box-shadow:0 7px 17px #dedede}
.cases .thumbnail:hover .icon-view, .case-container .thumbnail:hover .icon-view{opacity:1; bottom: 53px;}
.products-container .thumbnail:hover .icon-view{opacity:1; bottom: 33px;}
.case-container .thumbnail .caption p,.products-container .thumbnail .caption p{color:#999}
.case-container .thumbnail hr.line, .products-container .thumbnail hr.line{margin:0 auto}

.thumbnail-groud{overflow:hidden}
.thumbnail-groud .thumbnail{ width:210px; float:left; margin-right:10px}
.zoom-img{ border:1px solid #e6e6e6; padding:15px 0} 
.zoom-img img{max-height:335px}
.sub-title{font-size:16px; color:#333; padding-bottom:10px}
.sub-title i{display:inline-block; width:9px; height:9px; background:#929292; margin-right:5px}
.yous{background:#f5f5f5;height: 60px;}
.yous .container-fluid{ position:relative; margin-top:-30px; z-index:999}
.yous li{transition: all 0.4s ease-out 0s;z-index:10;position:relative}
.yous li:hover{margin-top:-10px; z-index:99}
.yous .yous_1,.yous .yous_2,.yous .yous_3{ width:33.33%; float:left; background:#305dc3; height:250px;}
.yous .yous_1 a,.yous .yous_2 a,.yous .yous_3 a{ color:#fff; display:block}
.yous .yous_2{background:#2d57b6}
.yous .yous_3{background:#294da0}
.yous .service_info{display:none}
.yous .service_img{   padding: 50px 0 0 34px;overflow: hidden;}

.thumbnail hr.line{ margin:0}
.about-video{ margin-top:-20px; margin-bottom: 20px; cursor:pointer}
.about-video-html5{margin-top:-20px; margin-bottom: 20px; display:none;}
.about-contnet{ padding:50px}
.about-contnet .title{ color:#fff}
.about-contnet .en-title{width:auto}
.about-conent p{ margin-bottom:15px; line-height:2}
.about-conent .swiper-pn{position: relative; width:85px; margin:-20px auto;}

.about-conent .swiper-pagination-fraction{bottom:-45px; font-size:24px}
.btn-about{ color:#fff}
.form-inline .icon{ font-size:16px}

.honor-swiper{position:relative }
.honor-swiper li{background:#3058b0;color:#fff; width:188px; height:185px; text-align:center;padding-top: 5px;}
.honor-swiper li img{ width:194px; height:148px}
.honor-swiper a{color:#fff;   display: block;overflow: hidden;}
.honor-swiper a span{display:block; line-height:30px;white-space: nowrap;}
.honor-container .title{color:#fff}
.honor li:hover{color: #D12124;}


.course-date{ color:#333}
.course-info{position:relative; padding-bottom:20px}
.course-info:after{position:absolute; content:""; background:#dedede; width:1px; height:100%; top:0; bottom:0; left:0}
.course-info:before{position:absolute; content:""; background:#26c9fe; width:9px; height:9px; top:6px; left:-4px; border-radius:50%; z-index:9}

.panel-online{background-color: #fff;border-radius: 5px;box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);height: auto;position: fixed;right: 10px;width: 180px;z-index:1000;bottom: 36px;border:none;margin-right: -10px;}
.panel-online .icon{ vertical-align:middle}
.panel-online .panel-heading{background: #305dc3;color: #fff;    font-size: 14px; padding:15px}
.panel-online .panel-heading .icon-close{font-size:16px; position:absolute;right:0; top:18px; font-weight:700}
.panel-online .panel-body{padding:0}
.panel-online .panel-body .icon-tel400{font-size:16px}
.panel-online .panel-body li a{background: #f5f5f5;border-bottom: 1px solid #fff;color: #353434;display: block;font-size: 14px;padding: 10px 30px;transition: all 0.3s ease-out 0s;}
.panel-online .panel-body li a:hover{ background:#444; color:#fff}

.concern .icon{font-size:22px; color:#999; font-size: 22px;line-height: 32px;text-align: center;vertical-align: middle;}
.concern .icon:hover{color:#fff;  background-color: rgb(48, 93, 195); border-radius: 4px;}

.pagenum{display:none !important}

.coantus-body{background: #fff; padding:10px 40px 30px; text-align: left; margin-top: 65px;}
.coantus-body h3{color:#333;}
.coantus-body p{font-size:16px; line-height:2}
.coantus-body .icon{ vertical-align:middle; font-size:24px}
.coantus-body .clink{position:relative; margin:40px 0 25px}
.coantus-body .clink a{ background:#d0d0d0; color:#fff; border-radius:50%; width:48px; height:48px; line-height:48px; display:inline-block; margin:0 5px; z-index:99; position: relative;}
.coantus-body .clink a:hover{background:#305dc3;}
.coantus-body .clink hr{ position:absolute;  z-index:9; left:0; top:4px; right:0;width:100%}
.coantus-body .adr{font-size:25px; color:#0a67d0; text-align:center}

.add-container .header { padding-bottom:20px}
.add-container .form-inline{ margin-bottom:80px}
.add-container .col-md-3{ vertical-align:top}
.add-container h4{ color:#333; font-weight:400; margin:0; font-family:微软雅黑;font-size:18px;}
.add-container address{font-size:18px; font-family:微软雅黑; font-weight:100; line-height:1.6; margin-bottom:80px; padding-right:15px; color:#666666}
.add-container address p{ font-size:14px; margin:5px 0;}
.add-container hr{width:100%; clear:both;border-color:#fff; margin:0 auto}
.add-container hr.line{margin:5px auto 0; border-color:#cbc9c9}
.add-container .form-inline .input-group > .form-control{width:350px}
.add-container label{font-weight:400; font-size:16px}
.add-container address{transition: all 0.3s ease-out 0s;}


.article{ padding:40px 0}
.article h2{font-size:24px; color:#333}
.article .content {line-height:1.85; font-size:16px; color:#666}
.article .content img{ display:block;  margin:10px auto; width:100%}
.article .content embed {margin:0 auto; clear:both; display:block;}
.article .article h2{font-size:24px; color:#333}
.article .content img[src*="20170321095342438.gif"]{width:auto;}
.article .content p img + br{display:none}

.color{ margin-bottom:10px;}
.color span{display:inline-block; opacity:0.5; width:22px;height:22px; margin:0 4px; border:1px solid #ddd; overflow:hidden; text-indent:-9999px; box-shadow:0 0 3px rgba(0,0,0,0.1)}
.color i{ font-size: 16px;font-style: normal; vertical-align: top; line-height:1.5; color:#444}
.color .color1{background-color:#ff0000}
.color .color2{background-color:#fff600}
.color .color3{background-color:#0042ff}
.color .color4{background-color:#18ff00}
.color .color5{background-color:#ff6600}
.color .color6{background-color:#d106d8}
.color .color7{background-color:#fcb4ec}
.color .color8{background-color:#fff}


.certification{ margin-bottom:10px}
.certification span{background:url(/cer.png)no-repeat 0 0; width:57px; height:50px; display:inline-block; margin:0 5px 5px 0; border-radius:5px; border:2px solid #F1F1F1; text-align:center; line-height:50px; vertical-align:top; overflow:hidden}
.certification .cer1{ background-position:0 0}
.certification .cer2{ background-position:0 0}
.certification .cer3{ background-position:0 0}
.certification .cer4{ background-position:0 0}
.certification .cer5{ background-position:0 0}
.certification .cer6{ background-position:0 0}
.certification .cer7{ background-position:0 0}
.certification .cer8{ background-position:0 0}
.certification .cer9{ background-position:0 0}
.certification .cer10{ background-position:0 0}
.certification .cer11{ background-position:0 0}
.thumbnailgroud .swiper-button-next,.thumbnailgroud .swiper-button-prev{display:none}
.thumbnailgroud:hover .swiper-button-next,.thumbnailgroud:hover .swiper-button-prev{display:block}

.products-container .etx-info{ padding-left:5px; padding-bottom:5px}
.products-container .etx-info li{border:2px solid #9a9a9a; border-radius:7px; text-align:center; height:50px; vertical-align:top; min-width:50px;margin-right: 1px; font-size:16px}
.products-container .etx-info li span{display:block;padding-top: 3px;height: 26px;color:#444}
.products-container .etx-info li .icon{font-size:26px;vertical-align: middle; }
.products-container .info{ height:238px; overflow: hidden; margin-bottom:10px;}
.products-container .infoview{ }
.products-container .infoview br {  display: none;}
.btnview{display:none;}
.products-container .info ul li p{display:inline}
.products-container .info ul{ margin:0; padding:0; list-style-position:inside;list-style: outside none none !important;}
.products-container .info ul li{ font-size:14px; line-height:27px; background:url(../img/list-dot.png) no-repeat -3px 7px; padding-left:15px; color:#777 }
.products-container .table th{font-weight: 400;}
.products-container .table th,.products-container .table td{vertical-align: inherit; padding:5px;text-align: center;}
.products-container .v-data-info img{width:100%;}

.products-container .col-md-2{width:230px}

.swiper-zoom-container{cursor:pointer;}
.downfile{ padding-top:32px; font-size:15px; margin-left:-25px;}
.downfile li{ margin-bottom:10px;white-space:nowrap;word-break:keep-all; width:155px;overflow: hidden;text-overflow:ellipsis;}
.downfile .icon{font-size:16px;  padding-right:5px; }
.btn-down .icon{ vertical-align:middle; font-size:12px}


.t-name{font-size:24px; color:#000; margin-bottom:20px}
.thumbnail .thumbnail-md{ display:block; overflow:hidden; height:210px}

.about-contnet p{color:#fff}

.m-nav{ z-index:999;  box-shadow:0 1px 0px #E7E7E7;  background:#fff;display:none}
.m-nav ul li{ margin-left:25px; width:80px; line-height:80px; font-size:18px; float:left}
.m-nav ul li a{ }


.ailed-container{ z-index:1}
.ailed-container .thumbnail:hover{box-shadow:none;}
.ailed-container h3.title{font-size:30px; margin-bottom:50px; margin-top:100px;font-weight:100;}
.ailed-container .MM img{max-width:100%;}
.ailed-container .tempWrap{ margin:0 auto;}
.ailed-container p.text-center{text-align:left;}
.zdsb-thmd .col-md-6{ padding:0;}
.zdsb-thmd .col-md-6 .zdsb-cc{padding:15px;height:250px;}
.zdsb-thmd .col-md-6 .first{border-bottom:1px solid #eee;border-right:1px solid #eee;}
.zdsb-thmd .col-md-6 .last{border-top:1px solid #eee;border-left:1px solid #eee; margin:-1px 0 0 -1px;}
.zdsb-thmd .col-md-6 img{ max-width:190px; padding-top:25px;}

.bg02{background:url(../img/ailed/YSBJ.png) no-repeat center bottom /cover}
.bg01{background:url(../img/ailed/bg.jpg) no-repeat left top; color:#fff; overflow: hidden;} 

#page00{ height:450px;}
#page00 .swiper-container{height:500px;}
#page01{background:url(../img/wrapbg.jpg) no-repeat center top}
#page01 .tongdian{ }
#page01 .tongdian .hd{margin-bottom: 40px;}
#page01 .tongdian .hd ul{  overflow: hidden; margin: 0 auto; display: inline-block; border: 1px  solid #ddd; border-left:none;border-right:none;}
#page01 .tongdian .hd li{font-size:22px;line-height:3;color:#7B7B7B; line-height: 1;  padding: 9px 20px; font-size:16px ; float: left;}
#page01 .tongdian .hd li.on{ color: #1559c0;}
#page01 .tongdian .bd .con{text-align: center;} 
.title small{font-size:14px}
#page02{background:#3e3e3e}
#page02 *{color:#fff;}
#page02 p{ color: #ddd; font-size: 16px;}

#page03{background: #fff; padding-bottom:40px;}
#page03 .row{overflow: hidden;}
#page03 .table h3{ color:#000; overflow: hidden; font-size:22px; margin-top:0;}
#page03 .table img{width: 190px; padding-top:25px;}
#page03 .table{margin-top:-1px;}
#page03 .table td{width:50%; padding:25px 0 25px 25px; border-color:#eee;}
#page03 .table td.even{border-right:1px solid #eee;}
#page03 ul{  overflow: hidden;}
#page03 ul li{line-height: 1.8; color:#666; padding-left:15px; background:url(../img/list-dot.png) no-repeat 0 7px;}



#page04 {background:#ecf4fb; padding-bottom: 40px;}
#page04 .thumbnail .icon{font-size:44px; text-align:center; margin:0 auto; color:#0f81c4;}
#page04 .thumbnail{background-color:transparent; text-align:center;}
#page04 .thumbnail h3.title{text-align:center;}
#page04 .caption{height:130px}
#page05{background: #ecf4fb; padding-bottom: 50px;}
#page05 ul{padding-top:100px;}
#page05 li{line-height: 2.7; font-size:16px;}
#page05 h3{font-size:28px; font-weight:100;}
#page05 hr.line{width:25%;border-color: #666;margin: 0 auto;}

#page06{background: url(../img/ailed/battery2-10.jpg) no-repeat center bottom /cover;  padding-bottom:70px;}
#page06 .title{color: #fff;}
#page06 .thumbnail{ background: transparent; color: #fff;}
#page06 .thumbnail .caption{color: #fff;overflow: hidden;}
#page06 .thumbnail .caption h4{}
#page06 .thumbnail .caption p{color: #ccc;}
#page06 .thumbnail .icon{ font-size: 28px; color:#305dc3; border: 1px solid #305dc3;margin-top: 22px; margin-right:10px; text-align: center; border-radius: 50%;  padding-top:11px; width: 50px; height: 50px;display: block; float:left }
/* #page06 ul li{width:20%; float:left; padding:10px} */
#page07{background:url(../img/ailed/page07.png) no-repeat center bottom; color: #000;font-size:14px;line-height:2;}
#page07 h3{font-weight:100;}

#page07 p{color:#000;}

.cfff{color:#fff}
.taojin-container{z-index:9}
.slide-bg{z-index:1; width:100%}


.js-tab-style2 .hd{ text-align:center; padding-bottom:60px; margin-top:-15px;}
.js-tab-style2 .hd ul{border:1px solid #ddd;overflow: hidden; text-align:center; display:inline-block; margin:0 auto;}
.js-tab-style2 .hd ul li{float:left; padding:5px 25px; cursor:pointer;}
.js-tab-style2 .hd ul li.on{color:#305dc3;background:#fff; border-right:1px solid #ddd;}




.bannar .container {
    position: relative;
}
.bdsharebuttonbox{ position:fixed; right:45px;top:45% ;width:32px; margin-top:-130px; z-index:999999999}
.bdshare-button-style2-24 a{background:none !important;font-size: 24px !important; padding-left:0 !important}
.bdshare-button-style2-24 a:hover{color:#305dc3}
.bdsharebuttonbox .icon{font-size:24px}
.bdsharebuttonbox .icon:hover{color:#305dc3 }
.blueview-nav .navbar-toggle .icon-bar {background-color: #563d7c;}
.ailedpage{font-size:30px; padding-top:120px}
.jiemhtm5{display:none;}
@media (max-width: 768px) {
    .htm5-none{display:none;}
    .htm5-display{display:block !important;visibility: visible !important;}
    .headerfix {height: 60px;}
 .panel-online{display:none;}
 .en-title{width:auto;}
 .en-title::after{left:50%; margin-left:-11px;}
 .header{padding: 25px 0 15px 0;}
 .navbar-static-top{min-height:60px;}
 .navbar-brand > img { width: 120px;}
 .navbar-toggle{margin-top:14px;}
 .address span {display: block;}
 .footer {padding-top: 25px;}
 .honor{display:none;}
 .about-contnet{padding:0px;}
 .about-video{display:none;}
 .about-video-html5{display:block;}
 .bannar img.bg {width: 100%;}
 .service_img img{width:100%  !important; height:auto !important;}
 .yous .service_img {padding: 25px 0 0 5px;}
 .yous .yous_1, .yous .yous_2, .yous .yous_3{height:95px;}
 .fullimg{width:100%;}
 .add-container .form-inline .input-group > .form-control{width:auto;}
 .add-container .form-inline label, .add-container .form-inline .input-group, .add-container .form-inline button{float: left;}
 .add-container .form-inline .input-group { width:220px;}
 .add-container .form-inline {overflow: hidden;}
 .bannar{min-height: 100px; overflow: hidden;}
 .page-more li{ float:none !important; padding:10px 0;}
 .about-conent .course-date{text-align:left;font-weight:bold; font-size:16px;}
 .abouts-honor{display:block;}
 
 .products-container .col-md-2,.products-container .col-md-10{width:auto;}
 .bdsharebuttonbox{top:inherit;bottom:15px; right: 0; }
 .downfile{margin-left:0;}
 .media-left, .media-right, .media-body {display: block;}
 .media-left{text-align:center;}
 .new-media-list .media-body .date{ position: relative;}
 .new-media-list .media-body p{ padding:0;}
 .new-media-list .media-heading{ padding:0; margin-bottom: 25px;  margin-top: -40px;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all; overflow: hidden;}
 .new-media-list .media-body .date{height:auto; left:0; border:none;}
 .new-media-list .media-body .date big{display:inline; font-size:14px; }
 .pagination > li > a, .pagination > li > span {display: inline-block;}
 .pagination > li {display: inline-block;margin-bottom: 10px;overflow: hidden;}
 .new .media .media-left img{width:100%; height:auto;}
 .yous .container{ margin:0; padding-left:0; padding-right:0;}
 .index .slide-body{top:0;}
 .ailedpage{padding-top:40px;}
 .ailed-container h3.title{margin-bottom:15px; margin-top:30px;}
 #page01 .tongdian {}
 #page03 .pull-left{float:none !important;}
 #page03 .table td{padding:5px;}
 .jiemhtm5{display:block;}
 .swiper-bg {height: 285px;}
 .course-info::before{display:none;}
 .new .media .media-body{height:auto;}
 #page05 ul{padding-top:0px;}
 .zdsb-thmd .col-md-6 .zdsb-cc{height:auto; border:none; border-bottom:1px solid #eee;}
 .descimg{ padding-top:70px}
}
 @media  (min-width:768px) and (max-width:992px){
     .products-container .col-md-2{ width: 23%; float:left;}
.products-container .col-md-10{ width: 77%;overflow: hidden;}

 }
 @media (min-width:992px){
.products-container .col-md-10{width:740px}
.zdsb-thmd .col-md-6 .zdsb-cc{height:271px;}
     
 }
 @media (min-width:1170px){
.products-container .col-md-10{width:940px}
  .zdsb-thmd .col-md-6 .zdsb-cc{height:250px;}   
 }